<div class="panel panel-default">
	<div class="panel-heading"><strong>Reporte de Votaciones por Departamento</strong></div>
	<div class="panel-body">
		<form class="form-inline" role="form" id="form_insertar">
			<div class="row">
				<div class="col-md-12">
					<div class="form-group">
						<label for="departamento" class="control-label">Departamento:</label><br />
						<select name="departamento" id="departamento" class="form-control">
							<option value="0">Seleccione el departamento</option>
							<?php 
								foreach($dep as $k=>$v){	
							?>
							<option value="<?php echo $k;?>"><?php echo $v; ?></option>
							<?php
							} 
							?>
						</select>
						<div id="respuestadepartamento"></div>
					</div><br />
					<div class="form-group">
						<label for="cadidato" class="control-label">Candidato:</label><br />
						<select name="candidatos" id="candidatos" class="form-control">
							<option value="0">Seleccione el candidato</option>
							<?php 
								foreach($can as $k=>$v){	
							?>
							<option value="<?php echo $k;?>"><?php echo $k." ".$v; ?></option>
							<?php
							} 
							?>
						</select>
						<div id="respuestacandidatos"></div>
					</div><br /><br />
					<div class="form-group">
						<label class="control-label">
							<input type="submit" name="buscar" value="Buscar" id="buscar" class="btn btn-primary">
						</label>
					</div><br /><br />
					<div id="respuesta"></div><br />
				</div>
			</div>
		</form>
	</div>
</div>
<script>

	$("#buscar").click(function(event)
			{
		event.preventDefault();
		
		var candidato=$("#candidatos").val();
		var departamento=$("#departamento").val();
		
				if(candidato!=0)
				{
						if(departamento!=0)
						{
						
								$.post("<?php echo $url1;?>",{departamento:departamento,candidato:candidato,},function(res){
									$("#respuestadepartamento").html('');
									$("#respuestacandidatos").html('');
									$("#respuesta").html('');
									$("#respuesta").html(res);
									//alert(res);

								});
								
							
						}else{
							$("#respuestadepartamento").html('<span class="error">Seleccione el departamento.</span>');
						}
			   }else{
				$("#respuestacandidatos").html('<span class="error">Debe seleccionar el candidato</span>');
				}
			
		
			
		
	});

	
</script>